.menu1_button,
.menu2_button,
.menu3_button,
.menu4_button,
.addbutton,
.addbutton1,
.addbutton2,
.menu5_button,
.menu6_button,
.addbutton3,
.menu7_button,
.addbutton4{
    position:absolute;
    overflow:hidden;
    height:30px;
    width: 100px;
    left: 400px;
    top:0;
  }
  .menu2_button,
  .menu3_button,
  .menu4_button,
  .addbutton,
  .addbutton1,
  .addbutton2,
  .menu5_button,
  .menu6_button,
  .addbutton3,
  .menu7_button,
  .addbutton4{
    left:790px;
  }
  .menu1_button>button,
  .menu2_button>button,
  .menu3_button>button,
  .menu4_button>button,
  .addbutton>button,
  .addbutton1>button,
  .addbutton2>button,
  .menu5_button>button,
  .menu6_button>button,
  .addbutton3>button,
  .menu7_button>button,
  .addbutton4>button{
    position: relative;
    z-index:1;
    transition:color .5s ease;
    width:100px;
    height:30px;
    background:rgba(255, 255, 255, .27);
    text-transform:uppercase;
    color:white;
    font-weight:400;
    letter-spacing:1px;
    border:none;
    font-size:15px;
    outline:none;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  }
  
  .menu1_button .border,
  .menu2_button .border,
  .menu3_button .border,
  .menu4_button .border,
  .addbutton .border,
  .addbutton1 .border,
  .addbutton2 .border,
  .menu5_button .border,
  .menu6_button .border,
  .addbutton3 .border,
  .menu7_button .border,
  .addbutton4 .border{
    position: absolute;
    z-index:0;
    background:white;
    width:30px;
    height:30px;
    transform:rotate(45deg);
    transition: all 0.5s ease-in-out;
  }
  
  .menu1_button .border:nth-of-type(1),
  .menu2_button .border:nth-of-type(1),
  .menu3_button .border:nth-of-type(1),
  .menu4_button .border:nth-of-type(1),
  .addbutton .border:nth-of-type(1),
  .addbutton1 .border:nth-of-type(1),
  .addbutton2 .border:nth-of-type(1),
  .menu5_button .border:nth-of-type(1),
  .menu6_button .border:nth-of-type(1),
  .addbutton3 .border:nth-of-type(1),
  .menu7_button .border:nth-of-type(1),
  .addbutton4 .border:nth-of-type(1){
    top:-65px;
    left:-60px; 
  }
  
  .menu1_button .border:nth-of-type(2),
  .menu2_button .border:nth-of-type(2),
  .menu3_button .border:nth-of-type(2),
  .menu4_button .border:nth-of-type(2),
  .addbutton .border:nth-of-type(2),
  .addbutton1 .border:nth-of-type(2),
  .addbutton2 .border:nth-of-type(2),
  .menu5_button .border:nth-of-type(2),
  .menu6_button .border:nth-of-type(2),
  .addbutton3 .border:nth-of-type(2),
  .menu7_button .border:nth-of-type(2),
  .addbutton4 .border:nth-of-type(2){
    top:-65px;
    right:-60px;
  }
  
  .menu1_button .border:nth-of-type(3),
  .menu2_button .border:nth-of-type(3),
  .menu3_button .border:nth-of-type(3),
  .menu4_button .border:nth-of-type(3),
  .addbutton .border:nth-of-type(3),
  .addbutton1 .border:nth-of-type(3),
  .addbutton2 .border:nth-of-type(3),
  .menu5_button .border:nth-of-type(3),
  .menu6_button .border:nth-of-type(3),
  .addbutton3 .border:nth-of-type(3),
  .menu7_button .border:nth-of-type(3),
  .addbutton4 .border:nth-of-type(3){
    bottom:-65px;
    left:-60px;
  }
  
  .menu1_button .border:nth-of-type(4),
  .menu2_button .border:nth-of-type(4),
  .menu3_button .border:nth-of-type(4),
  .menu4_button .border:nth-of-type(4),
  .addbutton .border:nth-of-type(4),
  .addbutton1 .border:nth-of-type(4),
  .addbutton2 .border:nth-of-type(4),
  .menu5_button .border:nth-of-type(4),
  .menu6_button .border:nth-of-type(4),
  .addbutton3 .border:nth-of-type(4),
  .menu7_button .border:nth-of-type(4),
  .addbutton4 .border:nth-of-type(4){
    bottom:-65px;
    right:-60px;
  }
  
  .menu1_button:hover .border,
  .menu2_button:hover .border,
  .menu3_button:hover .border,
  .menu4_button:hover .border,
  .addbutton:hover .border,
  .addbutton1:hover .border,
  .addbutton2:hover .border,
  .menu5_button:hover .border,
  .menu6_button:hover .border,
  .addbutton3:hover .border,
  .menu7_button:hover .border,
  .addbutton4:hover .border{
    width:160px;
    height:160px;
  }
  
  .menu1_button:hover button,
  .menu2_button:hover button,
  .menu3_button:hover button,
  .menu4_button:hover button,
  .addbutton:hover button,
  .addbutton1:hover button,
  .addbutton2:hover button,
  .menu5_button:hover button,
  .menu6_button:hover button,
  .addbutton3:hover button,
  .menu7_button:hover button,
  .addbutton4:hover button{
    color:#000;
    transition:color 2s ease;
  }
